<%--
  Created by IntelliJ IDEA.
  User: liu'teng
  Date: 2021/10/13
  Time: 23:45
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>用户添加页面</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery-2.0.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<body style="background:#bce8f1;">
<div class="container" style="width: 500px">
    <div align="center" style="margin-left: 50px"><h3>添加用户</h3></div>
    <br>
    <br>
    <div>
        <form class="form-horizontal" action="${pageContext.request.contextPath}/addUserServlet" method="post">
            <div class="form-group">
                <label for="name" class="col-sm-2 control-label">用户名</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="name" placeholder="请输入用户名" name="name">
                </div>
            </div>

            <div class="form-group">
                <label for="gender" class="col-sm-2 control-label">性别</label>
                <div class="col-sm-10" id="gender">
                    <label class="radio-inline">
                        <input type="radio" name="gender" id="inlineRadio1" value="男"> 男
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="gender" id="inlineRadio2" value="女"> 女
                    </label>
                </div>
            </div>

            <div class="form-group">
                <label for="age" class="col-sm-2 control-label">年龄</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="age" placeholder="请输入年龄" name="age">
                </div>
            </div>

            <div class="form-group">
                <label for="address" class="col-sm-2 control-label">籍贯</label>
                <div class="col-sm-10">
                    <select class="form-control" id="address" name="address">
                        <option>江西</option>
                        <option>广东</option>
                        <option>上海</option>
                        <option>北京</option>
                        <option>山西</option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label for="qq" class="col-sm-2 control-label">QQ</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="qq" placeholder="请输入QQ" name="qq">
                </div>
            </div>

            <div class="form-group">
                <label for="email" class="col-sm-2 control-label">邮箱</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="email" placeholder="jane.doe@example.com" name="email">
                </div>
            </div>

            <div class="form-group"  align="center">
                <div class="col-sm-offset-2 col-sm-10">
                    <input type="submit" value="提交" class="btn btn-primary" style="margin-right: 5px">
                    <input type="button" value="重置" class="btn btn-default" style="margin-right: 5px">
                    <input type="button" value="返回" class="btn btn-default" style="margin-right: 9px">
                </div>
            </div>
        </form>
    </div>
</div>
</body>
</html>
